@charset "gb2312";
* {
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}

/*news_column新闻列表*/
.news_column {
  width: 100%;
}
.news_column ul li {
  clear: both;
  list-style: disc inside;
  color: #666;
}
.news_column ul li.li_white {
  height: 40px;
  line-height: 40px;
  background: #fff;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
}
.news_column ul li.li_gray {
  height: 40px;
  line-height: 40px;
  background: #f5f5f5;
  padding: 0px 10px 0px 10px;
  overflow: hidden;
}
.news_column ul li span {
  float: right;
  color: #999;
  height: 40px;
  line-height: 40px;
}
.news_column ul li b {
  float: left;
  display: block;
  width: 10px;
  height: 10px;
  margin: 15px 10px 0px 0px;
  background: url(../images/tb.png) no-repeat;
}
.news_column ul li b.b_tb {
  background-position: 0px 0px; /*黑色图标*/
}
.news_column ul li b.r_tb {
  background-position: -10px 0px; /*红色图标*/
}
.news_column ul li b.g_tb {
  background-position: -20px 0px; /*绿色图标*/
}
.news_column ul li b.or_tb {
  background-position: -30px 0px; /*橙色图标*/
}
.news_column ul li b.blue_tb {
  background-position: -40px 0px; /*蓝色图标*/
}

.news_column1 {
  width: 100%;
}
.news_column1 ul li {
  clear: both;
  padding: 5px 0px 10px 10px;
}
.news_column1 ul li.li_white {
  background: #fff;
}
.news_column1 ul li.li_gray {
  background: #f5f5f5;
}

.n_bt {
  line-height: 35px;
  background: url(../images/list_tb.gif) no-repeat left center;
  padding-left: 15px;
}
.n_bt_l {
  float: left;
  width: 75%;
  height: 35px;
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.n_bt_r {
  float: right;
  width: 22%;
  height: 35px;
  line-height: 35px;
}
.n_bt_l a {
  font-weight: bold;
  color: #333;
}
.n_bt_l a:hover {
  font-weight: bold;
}

.n_bt span {
  padding: 0px 5px;
  font-size: 12px;
}
.n_bt span img {
  padding: 0px 3px;
  vertical-align: middle;
}
.n_bt span i {
  font-style: normal;
  font-size: 12px;
  color: #aaa;
}
.n_bt span a {
  font-size: 12px;
  color: #aaa;
}

.n_ms {
  line-height: 23px;
  padding: 0px 15px;
  color: #666;
  max-height: 45px;
  overflow: hidden;
}

/*new_article新闻详细信息*/
.new_article {
  width: 100%;
}
.article_tit {
  width: 100%;
  padding: 10px 0px;
  text-align: center;
}
.article_tit h2 {
  font-size: 16px;
}
.tit_info {
  height: 28px;
  line-height: 28px;
  border-bottom: #ccc dotted 1px;
}
.tit_info span {
  padding: 0 10px;
  color: #999;
}
.article_con {
  padding: 10px 0px;
}
.article_con img {
  max-width: 100%;
}

/*产品展示*/
.pro_column {
  width: 100%;
}
.pro_column dl {
  float: left;
  width: 23%;
  margin: 8px 1% 8px;
}
.pro_column dl dt {
  width: -moz-calc(100% - 12px);
  width: -webkit-calc(100% - 12px);
  width: calc(100% - 12px);
  height: 140px;
  line-height: 134px;
  padding: 3px;
  border: #e5e5e5 solid 3px;
  border-bottom: none;
  text-align: center;
}
.pro_column dl dt #l_img {
  width: 0px;
  height: 100%;
  text-align: center;
  display: inline-block;
}
.pro_column dl dt img {
  max-width: -moz-calc(100% - 12px);
  max-width: -webkit-calc(100% - 12px);
  max-width: calc(100% - 12px);
  max-height: 140px;
  vertical-align: middle;
  margin-left: -2px;
}
.pro_column dl dd {
  text-align: center;
  height: 30px;
  line-height: 30px;
  background: #e5e5e5;
  overflow: hidden;
  padding: 0;
  margin: 0;
}
.pro_column dl dd a {
  color: #555;
}

/*产品详细信息*/
.pro_detail {
  width: 100%;
  margin-top: 20px;
}
.pro_basic {
  padding: 10px;
  margin-top: 15px;
  background: #f5f5f5;
}

.basic_l {
  float: left;
  width: 39%;
}
.basic_l img {
}
/*缩略图*/
.ke_m2pc_con {
  width: -moz-calc(98% - 30px);
  width: -webkit-calc(98% - 30px);
  width: calc(98% - 30px);
  display: inline;
  float: left;
  height: 50px;
  margin: 0 1%;
  overflow: hidden;
  position: relative;
}
.ke_m2pc_con ul {
  left: 0;
  position: absolute;
  top: 0;
}
.ke_m2pc_con ul li {
  width: 66px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid #e7e7e7;
  cursor: pointer;
  display: inline;
  float: left;
  overflow: hidden;
  margin: 0 4px 0 7px;
  background: #fff;
}
.ke_m2pc_con ul li:before {
  content: ".";
  margin-left: -3px;
  font-size: 10px;
  visibility: hidden;
}
.ke_m2pc_con ul li img.ink_smlImg {
  *margin-top: expression((46 - this.height)/2);
  margin-top: -3px;
  vertical-align: middle;
  max-width: 60px;
  max-height: 46px;
}
/*缩略图结束*/

.ke_m2pc_btn1 {
  cursor: pointer;
  float: left;
  height: 48px;
  width: 15px;
}
.ke_m2pc_btn2 {
  cursor: pointer;
  float: left;
  height: 48px;
  width: 15px;
}
.ke_m2pcl_c2 {
  margin-top: 12px;
}
#ink_showImg {
  width: -moz-calc(96% - 2px);
  width: -webkit-calc(96% - 2px);
  width: calc(96% - 2px);
  height: 201px;
  padding: 5px 2%;
  border: 1px solid #ccc;
  position: relative;
  background: #fff;
}
#ink_showImg .small_pic {
  width: 268px;
  height: 201px;
  position: relative;
}
#ink_showImg .float_layer {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  background: #fff;
  filter: alpha(opacity: 30);
  opacity: 0.3;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#ink_showImg .mark {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0px;
  top: 0px;
  background: red;
  filter: alpha(opacity: 0);
  opacity: 0;
}
#ink_showImg .big_pic {
  position: absolute;
  top: -1px;
  left: 102%;
  width: 400px;
  height: 300px;
  text-align: center;
  line-height: 300px;
  overflow: hidden;
  border: 2px solid #ccc;
  display: none;
  background: #fff;
}
#ink_showImg .big_pic img {
  position: absolute;
  top: -30px;
  left: -80px;
}
#ink_showImg .small_pic {
  width: 100%;
  height: 201px;
  line-height: 201px;
  text-align: center;
}
#ink_showImg .small_pic #small_img {
  width: 0px;
  height: 100%;
  text-align: center;
  display: inline-block;
}
#ink_showImg .small_pic img {
  vertical-align: middle;
  max-width: 96%;
  max-height: 189px;
  margin-left: -2px;
}
/*#ink_showImg .small_pic:before{content:".";   margin-left:-7px; font-size:10px;visibility:hidden; }
#ink_showImg .small_pic img{ *margin-top:expression((201 - this.height )/2);  margin-top:-5px;vertical-align:middle;max-width:260px;max-height:201px; }*/

/*右侧信息*/
.basic_r {
  float: right;
  width: 60%;
}
.basic_r ul li {
  clear: both;
  padding: 7px 0px;
}
.basicli_l {
  float: left;
  font-weight: bold;
  margin-right: 10px;
}
.basicli_r {
  float: left;
}
.basic_r ul li button {
  width: 35%;
  height: 35px;
  margin: 0 2%;
  outline: none;
  border: 0px;
  font-size: 16px;
  font-family: Arial, Verdana, sans-serif;
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 5px;
}
.basic_r ul li button.but_l {
  background: #0068b7;
}
.basic_r ul li button.but_l:hover {
  cursor: pointer;
  background: #1a83d8;
}
.basic_r ul li button.but_r {
  background: #ff8300;
}
.basic_r ul li button.but_r:hover {
  cursor: pointer;
  background: #f7a52e;
}

.jiathis_style_24x24 {
  margin: 15px 0px 0px 8px;
}

/*详细说明*/
.detail_inst {
  margin-top: 15px;
}
.detail_con {
  width: 98%;
  padding: 10px 10px 0px 10px;
}
.detail_con img {
  max-width: 100%;
}

/*相关产品*/
.rel_pro {
  width: 100%;
}
.rel_pro dl {
  float: left;
  width: 18%;
  margin: 10px 1% 0;
}
.rel_pro dl dt {
  width: -moz-calc(100% - 6px);
  width: -webkit-calc(100% - 6px);
  width: calc(100% - 6px);
  height: 120px;
  padding: 2px;
  border: #ccc solid 1px;
  text-align: center;
  background: #fff;
}
.rel_pro dl dt #r_img {
  width: 0px;
  height: 100%;
  text-align: center;
  display: inline-block;
}
.rel_pro dl dt img {
  vertical-align: middle;
  max-width: -moz-calc(100% - 6px);
  max-width: -webkit-calc(100% - 6px);
  max-width: calc(100% - 6px);
  max-height: 100%;
  margin-left: -2px;
}
.rel_pro dl dd {
  width: 100%;
  text-align: center;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
}

/*上下页 各占50% 超出隐藏 */

.page_updown {
  margin-top: 15px;
}
.page_updown ul li {
  float: left;
  height: 30px;
  line-height: 30px;
  width: 50%;
  text-align: center;
  overflow: hidden;
}
.page_updown ul li a {
  font-size: 14px;
  color: #666;
}

/*  上下页左浮动
.page_updown{margin-top:15px;}
.page_updown ul li{ float:left; height:30px; line-height:30px; margin-right:10%;}
.page_updown ul li a{ font-size:14px; color:#666;}*/

/*标签*/
.tag {
  margin-top: 20px;
}
.tag a {
  padding: 0px 5px;
  color: #666;
}

/*相关信息*/
.rel_info {
  width: 100%;
  margin-top: 20px;
}
.ren_info_tit {
  height: 35px;
  line-height: 35px;
  background-color: #dbdbdb;
  font-weight: bold;
  font-size: 16px;
  clear: both;
}
.ren_info_tit h2 {
  font-size: 16px;
}
.ren_info_tit span {
  display: block;
  float: left;
  width: 10px;
  height: 16px;
  margin: 9px 10px 0px 10px;
  background: url(../images/tb.png) no-repeat;
}
.ren_info_tit span.span_black {
  background-position: 0px -14px; /*黑色图标*/
}
.ren_info_tit span.span_red {
  background-position: -10px -14px; /*红色图标*/
}
.ren_info_tit span.span_green {
  background-position: -20px -14px; /*绿色图标*/
}
.ren_info_tit span.span_orange {
  background-position: -30px -14px; /*橙色图标*/
}
.ren_info_tit span.span_blue {
  background-position: -40px -14px; /*蓝色图标*/
}

/*翻页*/
.turn_page {
  width: 100%;
  margin-top: 20px;
}
.turn_page a {
  background: #fff;
  color: #555 !important;
}
.qw_fenye {
  padding: 10px 0px;
}
.qw_fenye a {
  padding: 3px 10px;
  margin: 0px 5px;
  
}
.qw_fenye a:hover {
  background: #f5f5f5;
  color: #000;
}
.turn_page a.page-num-current {
  border: #ccc solid 1px;
  background: #f5f5f5;
  color: #000;
}
.turn_page a.qw_biankuang1 {
  border: #ccc solid 1px;
}
.turn_page a.page-num {
  border: #ccc solid 1px;
  width: 20px;
}

.liuyan {
  padding-top: 25px;
  padding-bottom: 25px;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
.liuyan div,
ul,
li,
form {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.liuyan .formlist {
  width: 100%;
  margin: 0px auto;
  color: #666666;
  text-align: left;
}
.liuyan .formlist div {
  font-size: 12px;
  margin: 8px 0px 0px 0px;
  vertical-align: top;
}
.liuyan .formlist div.submit {
  margin: 5px 0px 0px 38px;
}
.liuyan .formlist span {
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
  width: 18%;
}
.liuyan .formlist input {
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
  width: 40%;
  height: 26px;
  line-height: 26px;
}
.liuyan #liuyantj {
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
  width: 80px;
  margin-left: 30%;
  margin-top: 30px;
}

.liuyan .liuyanlist {
  width: 90%;
  margin: 8px auto;
  border: 1px solid #d6d3ce;
  background: #ffffff;
  text-align: left;
}
.liuyan .liuyanlist .title {
  font-size: 12px;
  color: #5e4121;
  height: 25px;
  line-height: 25px;
  background: #f4f4f4;
  padding-left: 10px;
}
.liuyan .liuyanlist .con {
  line-height: 25px;
  margin-top: 2px;
  padding: 5px;
  color: #666666;
}
.liuyan .liuyanlist .back {
  padding: 5px;
  line-height: 23px;
  color: #666666;
}
.liuyan .pagemsg {
  text-align: center;
  margin: 5px;
}
.liuyan .pagemsg a {
  color: #666666;
}
.liuyan .pagemsg a:visited {
  color: #666666;
}
.liuyan .pagemsg a:link {
  color: #666666;
}
.liuyan .pagemsg a:hover {
  color: #666666;
  text-decoration: underline;
}
